@charset "utf-8";
@import "compass";
@import "../common";

//边距变量
$sideGauge:30px;//左右边距规格
$topGauge:20px;//上下边距规格

//宽度变量
$thWidth:69px;//表题宽度
$trWeight:355px;


//header标题字体颜色及大小
@mixin headerFont($size){

	font-size: $size;
	font-weight: bold;
}
/* 弹窗样式*/
.formLayer{
	.form-block {
		dt{width: 120px;margin-right: 15px;}
		dd{margin-left: 135px;
			input.form-control {width: 180px;}
		}
	}
}
/*引入公共图片精灵*/
$icon_com-sprite-dimensions: true;
@import "icon_com/*.png";
/*警告条*/
.warning-bar {position: relative;padding: 5px 20px;margin-bottom: 15px;color: #595958;background: #feedc0;border: 1px solid #fab418;
	img {margin-right: 5px;@include icon_com-sprite(warn);}
	.close {position: absolute;right: 5px;top: 5px;color: #fab418}
}
 /*-----------------个人信息首页--------------------*/
.person_index {
	.photo{width: 168px;line-height: 27px;
		.fileWrap {
			.fileUpload{
				text-align: center;
				img{width: 168px;height: 168px;display: block;margin-bottom: 40px;}
				.btn-upsend{position: relative;  width: 120px;  height: 40px;margin-bottom:15px;  display: inline-block;  background-color: #aaa;  line-height: 40px;  color: $font-white-color;
					.fileBar {position: absolute;width: 100%;height: 99%;left: 0;opacity: 0;z-index: 1;cursor:pointer;}
				}
			}
			.uploaded {position: relative;display: none;width: 168px;height: 168px;margin-bottom: 40px;border: $border-default;
				img {width: 168px;height: 168px;}
				.btn_re {position: absolute;right: 0;padding: 0 5px;opacity: 0;background: $bg-black;color: #fff;}
				&:hover {
					.btn_re {opacity: 0.3;}
				}
			}

			&.active {
				.fileUpload {display: none;}
				.uploaded {display: block;}
			}
		}
	}
	.message {margin-left: 85px;
		dt {width: 70px;color: #333;}
		dd {margin-left: 90px;color: $font-info-color;}
		.user_dt {margin-top: -10px;}
		.user_dd {margin-top:-4px;
			.name,a {font-size: 16px;}
			.name {margin-right: 30px;}
		}
	}

}
/*------------实名认证*大塑支付注册--------------*/
.person {
	.form-block {
		.radio-wrap {line-height: 38px;}
		.get-code {margin-right: 10px;}

	}
}
/*-----------实名认证*资质认证  */
.person_aptitude {
	.form-block {
		dt {width: 130px;}
		dd {margin-left: 145px;}
		.checkbox-wrap label{margin-right: 15px;}
	}
	//灰色顶部标题
	.title{height: 60px;line-height: 60px;padding-left: 50px;margin-bottom: 33px;font-size: 16px;background-color: $bg-default;
		color: $font-info-color;text-align: left;
	}
	.area-wrap{
		select{
			padding: 5px 5px 4px;
			border: 1px solid #e5e5e5;
			margin-right: 10px;
		}
	}
	/*资质提交上传控件*/
	.fileWrap {display: inline-block;width: 150px;height: 150px;margin:15px 20px 5px 0;vertical-align: top;
		.fileUpload {position: relative;width: 100%;height: 99%;background: $bg-default;border-radius: $border-default-radius;
			.btn_file {width: 100%;height: 100%;text-align: center;color: $font-info-color;
				.icon_add i {margin-top: 35%;display: inline-block;@include icon_com-sprite(upload);}
			}
			.fileBar {position: absolute;width: 100%;height: 99%;opacity: 0;z-index: 1;cursor:pointer;}
		}
		.uploaded {position: relative;display: none;width: 100%;height: 99%;background: #f5f5f5;
			img {width: 100%;height: 99%;}
			.btn_re {position: absolute;right: 0;padding: 0 5px;opacity: 0;background: $bg-black;color: #fff;}
			&:hover {
				.btn_re {opacity: 0.3;}
			}
		}
		label.error {position: absolute;top: 2px;z-index: 2}
		&.active {
			.fileUpload {display: none;}
			.uploaded {display: block;}
		}

	}

}

/*-----------实名认证完成页面*资质认证完成页面  */
.person_aptitudeDone {@extend .person_aptitude;
	.form-block {
		dd {margin-left: 160px;color: $font-info-color;font-size: 16px;min-height: 40px;line-height: 40px;}
	}
	.fileWrap .uploaded {border: none;}
	.address {position: relative;}
	.hideArea {position: absolute;width: 100%;height: 36px;@include opacity(0);z-index: 2;}
}

/*------------------银行签约------------*/

.bankSign {
	.form-block {padding-left: 105px;
		.payWrap {
			li {cursor:pointer;
				img {width: 160px;height: 40px;}
				&.active img{border: 2px solid $border-primary-color;}
			}
			p {line-height: 24px;}
		}
	}
}
.bankSignDone {
	.form-block {padding-top: 20px;}
	dt {width: 200px;margin-right: 50px;}
    dd {margin-left: 260px;min-height: 40px; line-height: 40px;color: $font-info-color;}
    .btn-wrap {margin-top: 50px;}
}

.bank-box {margin-top: 40px;
	.branchList {
		li {padding: 8px 15px;color: $font-info-color;border-bottom: $border-default;cursor:pointer;
			&:hover {background: $bg-info;}

		}
	}
}

/*大塑支付页*/
.person_real {
	dl.accre{line-height: 65px;
		dt {
			a{margin :0 20px;}
		}
		span.notice{color: $font-danger-color;}
	}
}

/*------------------------个人地址页--------------------*/
.person_address {
	.form-block {
		.default-box{margin: 30px 25px 20px;}
		dt{width: 110px;margin-right: 15px;  }
		dd{margin-left: 125px;}
		.checkbox-wrap label:before {margin-top: -2px;}
	}
	.header h3{padding-left: 11px;margin-left: 16px;font-weight: normal;border-left: $border-default;}
	.table{
		a.default-ed{margin-top: 7px;}
		.c-primary .edit{margin:0 30px;}
		div.ed-hover+a.default-ed{display: none;}
		tr:hover{
			a.default-ed{display: block;}
		}
	}
}

/*---------------------账户安全--------------------------*/
.person{
	.top{
		border-bottom:1px solid $bg-default;
		padding-bottom: 30px;
		.savetop{
			width: 450px;
			margin:0 auto;

			img{
				float: left;
			}
			.grade{
				float: left;
				padding-left: 22px;
				dt{
					font-size: $font-18;
					font-weight: bold;
					span{
						color:$save_color;
					}
					span.save_color02{
						color: $save_color02;
					}
					span.save_color03{
						color: $save_color03;
					}
					span.save_color04{
						color: $save_color04;
					}
				}
				dd{
					color: $font-info-color;
				}
			}
		}
	}
	.content{
		.row{
			@include pie-clearfix;
			height: 100px;
			border-bottom:1px solid $bg-default;
			.save_ui{
				@include float-left;
				margin-top: 40px;
				margin-right: 111px;
				div.save_grade + span:before{
					@include checked-box(14px,13px,$save_color,$save_color);
					font-size: 18px;
					box-shadow:none;
					text-shadow:none;
					cursor:auto;
				}
				span.save_box{
					@include radio_checkbox(25px,25px,$save_color,circle);
					font-size: $font-18;
					font-weight: bold;
					cursor:auto;
				}
				span.disabled{
					@include radio_checkbox(25px,25px,$font-gray-color,circle);
					font-size: $font-18;
					color: $font-gray-color;
				}
				div.save_grade + span.disabled:before{
					@include checked-box(14px,13px,$font-gray-color,$font-gray-color);
				}
			}
			.con_matter{
				@include float-left;
				dt{
					@include float-left;
					width: 470px;
					color: $font-info-color;
					margin-top: 38px;
					margin-right: 78px;

				}
				dd{
					@include float-left;
					//margin-top: 40px;
					line-height: 100px;
					a{
						color: $font-primary-color;
						font-size: $font-16;
					}

				}
			}
		}
	}
	.bottom{
		font-weight: bold;
		border:1px dashed #99c5f8;
		padding:45px;
		border-radius: 5px;
		margin:35px 0 45px 0;
		.bot{
			dd,dt{
				color: #333;
				font-weight: normal;
				margin-top: 20px;
			}
		}
	}
}









